<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>图片插入</title>
</head>
<body>
    <!-- src用来保存图片的路径 alt用来保存图片加载失败的替换文字信息-->
    <!-- 从当前html文件出发去找图片资源,注意要写完整的图片名! name.suffix
    1) 图片与html文件在同一级目录,直接写图片全名 1.png
    2) 图片在html文件的下一级目录,先写文件夹名,再写文件夹下的图片全名 img/1.png
    3) 图片在html文件的上一级目录,先../回到上一级目录,再写图片全名 ../1.png
    -->
  <img src="11.png" alt="图片地址错误">
    <!-- 相对路径:会随着html文件的位置与资源的位置变化而变化   -->
      <img src="img/2.png" alt="">
      <img src="../3.jpg" alt="">
    <!-- 绝对路径:从盘符或协议开始   -->
    <img src="https://cdn.tmooc.cn/bsfile//courseImg///9314FC5334A640688BEEDB3FA0B3CDCD.png" alt="">
    <hr>
    <!-- width设置图片宽度 height设置图片高度
     设置尺寸时注意图片的失真问题,尽量改一个,另一个会依据图片的原始比例跟着改-->
    <img src="img/fcq.jpg"  width="100px" height="200px" title="这是照片">
</body>
</html>